<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=">
    <title>Title</title>
    <style>
        html,body {
            height: 100%;
        }

    </style>
</head>
<body>
    <div id="app">
        <!--这里玄滩nav-->
    </div>
    <div id="container">
        <!--这里是渲染nav对应的内容-->
        <section index="0" data-sign="quick-tab" style="flex-grow: 1; display: none;">0</section>
        <section index="1" data-sign="quick-tab" style="flex-grow: 1; display: none;">1</section>
        <section index="2" data-sign="quick-tab" style="flex-grow: 1; display: none;">2</section>
        <section index="3" data-sign="quick-tab" style="flex-grow: 1; display: none;">3</section>
    </div>
<script src="./quick.tab.js"></script>
<script>
    var obj = {
        navEl: "#app",
        navBgc:"#fff",
        navTextColor: "#666666",
        contentEl: "#container",
        contentHeight: "70vh",
        navColor: "#3878bb",
        number: 4,
        fontSize: "16px",
        tabName: ['桌子1','桌子2','桌子3','桌子4'],
        height: "100px",
        lineHeight: "100px",
        seletedBottomColor: "#0096ff",
        selectedTextColot: "#0096ff"
    }
    new QuickTab(obj);

</script>
</body>
</html>